<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>banner</title>
    <link rel="stylesheet" href="../../model/view.css">
</head>
<body>
<div class="catalog">
    <h2>目录</h2>
    <ul>
        <li>
            <p><a href="#element">< banner ></a></p>
        </li>
        <li>
            <p><a href="#style">类型</a></p>
            <ul id="catalog_style">

            </ul>
        </li>
    </ul>
</div>
<div id="element">
    <h2>accrodion</h2>
    <div>简介:</div>
    <p>可以嵌套多个控件</p>
</div>
<div id="style"></div>
<div></div>
<script src="../../js/script_min.js"></script>
<script src="../../model/view.js"></script>
<script>
    let banner = new view("banner");
    banner.init([
        {style:1,data:[
            {img:"img/banner.png",code:`  <banner>
            <img click="alert('1')" src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1531389775236&amp;di=bb3663652def5cdfd6aa581d09d13552&amp;imgtype=0&amp;src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201312%2F05%2F20131205172406_tXJfj.thumb.700_0.jpeg"/>
            <img click="alert('2')"  src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1532520562161&amp;di=cb53381a9019216d062926de54fb5701&amp;imgtype=0&amp;src=http%3A%2F%2Fcomic.people.com.cn%2FNMediaFile%2F2014%2F1219%2FMAIN201412191006000280747316081.jpg"/>
            <img click="alert('3')"  src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1532520632678&amp;di=a7055b4685f5df74fa2930b0c564525e&amp;imgtype=0&amp;src=http%3A%2F%2Fa3.topitme.com%2F1%2F85%2Fa5%2F11288532140b2a5851o.jpg"/>
            <img click="alert('4')"  src="https://timgsa.baidu.com/timg?image&amp;quality=80&amp;size=b9999_10000&amp;sec=1532520665861&amp;di=6cfdd6d95b0779fc975535b48dca7113&amp;imgtype=0&amp;src=http%3A%2F%2Fimg4.duitang.com%2Fuploads%2Fitem%2F201407%2F12%2F20140712070327_watmA.thumb.700_0.jpeg"/>
        </banner>`,title:"经典款"},

        ]},

    ]);
</script>
<div class="author"><p>by-姜进</p></div>
</body>
</html>